<template>
  <div id="page-honor">
    <h2>会员荣誉</h2>

    <card>
      <Tabs :animated="false" v-model="selectTab">
        <TabPane label="荣誉管理" name="honor-list">
          <honor-list v-if="selectTab=='honor-list'"></honor-list>
        </TabPane>
        <TabPane label="会员荣誉查询" name="member-list">
          <member-list v-if="selectTab=='member-list'"></member-list>
        </TabPane>
      </Tabs>
    </card>

  </div>
</template>

<script>
  import honorList from './components/honor/honor-list'
  import memberList from './components/honor/member-list'

  export default {
    name: 'page-honor',
    components: {
      honorList,
      memberList
    },
    data () {
      return {
        selectTab: 'honor-list'
      }
    },
    methods: {
      showUpdateModal () {
        this.modal.visible = true
      }
    }
  }
</script>

<style lang="less">
  #page-honor {}
</style>
